国内首个MarTech“一体化营销云” 走向成熟 这篇讲产品不讲概念
自2020年来，后疫情时代的“新消费理念”、“新消费渠道”、“新消费环境”让品牌主和营销人不得不提出新的营销思路。
作为国内最早数字营销解决方案供应方，自2015年成立以来，Convertlab专注于企业提供创新的数字营销枢纽SaaS服务，帮助企业的市场人员在一个开发集成的平台商完成客户的发掘和转化，并全面衡量效果。自主创新开发的DM Hub产品，截止2019年，已经完成了超过70+次主版本迭代，3308项功能完善。
随着客户对“一体化营销云”的功能需求越来越丰富，DM Hub的迭代速度正在加快，并每个月保持40左右的新更新项，其中包含新功能的开发和旧功能的优化。
一体化营销云企业Convertlab，已经连续三年入选全球营销技术全景图，且五年内Convertlab已经为超过200+企业提供优质服务，帮助企业跨数据到增长的鸿沟。从最新的《2020营销技术生态图谱4.0版》看到营销技术MarTech机构已经从Convertlab刚收录时的200+家，发展到1000+…作为该领域的亲历者和先行者，心情非常矛盾：MarTech领域的百家争鸣，是一件麻烦且必要、美好又糟糕的事情……
很少在营销技术供应的市场上，看到供应商具体讲产品，这次是 DM Hub 有史以来界面改动最大的一次，今天就从用户视角具体谈谈这款走向成熟的数字化营销工具。（更多优化，欢迎扫码试用）
DM Hub新版本，将于2020年8月28日凌晨更新。这次UI界面的改动，增强了产品使用过程的实操性以及功能模块体验的一致性。常用功能入口变得更扁平，界面清晰简约，操作简便且更具个性化；建立标准后台开发组件库，快速高效实现页面个性化设置。
1、DM Hub 升级原则——交互优先
2、DM Hub UI升级情况——部分UI前后对比
3、DM Hub 组件库的运用——标准化、可配置、可替换、可维护
一、一致性原则
界面的设计改善：保持与互联网UI操作习惯的一致性。（比如：绿色代表可通行、红色代表警告、阻塞。置灰表示不可点、通用的icon。）
颜色代表的行为逻辑
增强了相同场景使用的元素、组件、结构的一致性。（比如：容器、标题，按钮、图标、表单、多层级结构、边距、图标、位置等。）
二、交互反馈原则
提示反馈：通过颜色、样式和交互动效让用户可以清晰的感知自己即将采取的操作；（例如：新版按钮分为3种样式，色块为主要按钮是本页面会频繁使用的操作；提示反馈：色块按钮为本页频繁使用的按钮
次要按钮鼠标也会有2种颜色反馈，提示反馈——安全操作or需要谨慎的操作。）
三、效率原则
简化流程：操作流程在设计上简洁直观的；减少操作步骤、减少步骤繁琐的体验。（案例：详见下文首页新旧页面对比）清晰明确：文本、配合色彩，交互的运用提示表达清晰且表意明确。易懂：界面简介统一，避免不必要的颜色打扰，避免不一致的操作流程。升级前，DM Hub整体明度低整体采用深色，同样的内容信息，会产生更多的负重感，心理上会预设要接收的信息多而重。升级后，DM Hub整体界面使用比较轻的色彩设计，减低用户的负重感，使用感变得更放松，上手感也会变更好…
一、首页UI的对比
首页对比：旧页面（上）vs新页面（下）
相比之前的多层级的菜单结构，现在的菜单是点击左上角按钮全部铺开，同时最上面支持设置快捷菜单入口，方便快捷导航。
用户使用DM Hub查看数据时，最主要的两个便是：客户数据，内容数据。为了方便用户快速访问某条数据，DM Hub导航栏支持快捷搜索内容和客户：
（支持直接搜索：群组、标签、微信二维码、微信模板消息、微页面、表单、短信、电子邮件、App消息推送、营销活动、自动流程、搜索客户-点击后直接进入客户高级筛选）
除了查看数据，用户另外一个经常发生的操作便是为了活动新建内容素材，因此新版DM Hub支持了快捷新建的功能（以创建空白自动流程为例：
· 原路径：营销-自动流程-创建自动流程-创建空白流程-进入新建界面。
· 现路径：快捷新建-自动流程-进入新建界面）
在选择某个内容时，支持快捷新建某个内容。
相比之前的层级的图标+项目菜单结构，现在的菜单是注重图标指引，全部铺开。与旧版相比整体界面使用比较轻的色彩设计，减低用户的负重感……
“分析中心”UI对比： 旧页面（上）vs新页面（下）
三、“会员” UI对比
1、新版“会员首页”左侧侧边栏的适应性升级
“会员首页”页面两部分可以分开滚动，避免了旧页面“客户属性”下拉过程中，右侧没有内容呈现的情况。
旧页面：滚动时，整屏滚动
旧页面：滚动时，“客户属性”与其他信息分屏滚动
2、“客户身份“位置改变
”客户身份“被提到右侧tab上，不再隐藏，也不需要每次都下拉到“客户属性”底部才能看到。
3、“信息分类”的改善
信息分类菜单把“客户属性”和“群组标签”等信息进行分类，与旧版相比，不再将所有信息不分主次堆积在一起。
四、 UI设计细节的对比——“高级筛选”页面为例
1、在多个筛选条件下，旧版本所有单个筛选条件没有明显的分割，从视觉上很难分清筛选条件下限制条件的从属关系，新版本改善了这个问题，利用色块进行了分隔。
2、旧版本筛选条件的限制因素都配有红色删除标记，筛选的限制因素一多，视觉上会产生混乱感。新版本删除了红叉，统一采用了灰度减除按钮，画面更简洁。
3、旧版的“且”、“或”筛选逻辑通过线条分割，视觉上显得杂乱。新版本取消了线条，采用不同的颜色边框进行区分，去除了线条的干扰。
4、主要操作按钮，由全部“高亮”的按钮，置换成了有主次之分的一致性按钮和本页会频繁使用的色块按钮。
五、“二级导航结构” UI对比——以“媒体数据”页面为例
相比之前的竖版的层级的“图标+项目”菜单结构，现在的菜单是平铺铺开。原来在顶部菜单导航之下，可能在界面左侧出现竖排的二级导航，这个二级导航本身问题不大，但是如果当前内容还有分组，那就会在左侧有两列内容，严重挤压右侧的可视空间，因此将二级导航统一移到顶部，进行横向排列，增加了下方内容的整体显示区域。
“媒体数据”对比：旧页面（上）vs新页面（下）
六、其他页面的UI设计对比
不同的色彩刺激，使人感觉呈现的事物或轻或重。决定色彩轻重的主要因素是明度，明度高的色彩使人产生轻柔、上升、敏捷、灵活等感觉。
新版页面整体使用比较轻的色彩设计，减低用户的负重感，心理上接收内容会显得更轻松，上手更快。
“客户标签”对比：旧页面（上）vs新页面（下）
“微页面”对比：旧页面（上）vs新页面（下）
“自动流程”对比：旧页面（上）vs新页面（下）
新版DM Hub建立标准后台开发组件库，快速高效实现页面个性化设置，模块体验感更一致。
1. 标准化
无论是产品还是服务商定制开发的应用，都可以使用统一的设计语言，为用户提供一致的用户体验。
· 统一的设计语言，公开code，未来有利于品牌统一换主题色，换品牌Logo。
· 标准组件库，方便企业和服务商快捷开发出符合DM Hub整体风格的应用。
2. 易使用
通过对常见功能进行封装，缩短了学习曲线，减少了开发工作量，提升了开发效率。
3. 更灵活
可以通过配置组件库定义的全局变量，灵活切换页面主题，不再需要逐个页面进行调整。
4. 语意化
部分高阶组件封装了营销场景下常用的功能和模式，使得高阶组件内含了业务语意。
5. 易维护
页面可以随着组件库的升级而进行提升，免去了自行维护基础组件的繁琐操作。
2020 年，DM Hub 产品将围绕平台化、智能化、行业化继续升级产品，除了在基本功能方面的惯性增强，未来DM Hub 自主可控、敏捷迭代，将持续主动出击。Convertlab-DM Hub将持续优化各个层面的设计，提高客户方对产品细节的认知，推高自身判断能力以及满足厂商的应用要求；「打造一体化营销云」的品牌主张是Convertlab的业务初心， DM Hub 坚守品质服务进一步通过 Open Hub 来满足客户营销自动化的需求。
登陆Convertlab官网
查看更多成功案例，
扫描二维码直接申请，免费试用一体化营销云。
Convertlab一体化营销云DM HUB的实践
大型跨国品牌零售如何利用自动化营销工具实现会员首购10%增长
点击了解我
更多精彩文章
👇